<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>courseInfo</title>
</head>

<body>
    <!-- 头部视频 -->
    <header>
        <img src="./img/course-img01.jpg" alt="">
        <i class="iconfont icon-31fanhui1"></i>
        <div class="play ta">
            <i class="iconfont icon-24gf-play"></i>
            <p class="fs14">视频预览</p>
        </div>

    </header>
    <!-- 主体内容 -->
    <main>
        <div class="courseTitle">
            <p class="fs20 name c10 fw"></p>
            <div class="details dpflex fs14">
                <div><span class="calorie c10 fw"></span>千卡<span class="time fw c10"></span>分钟</div>
                <div><span class="peoplenum"></span>人练过<i class="iconfont icon-dayuhao"></i></div>
            </div>
        </div>
        <div class="courseAuthor mt20 dpflex">
            <div class="author dpflex">
                <div class="avator"></div>
                <div class="authorInfo">
                    <p class="fs18 fw c10">用户名</p>
                    <p class="fs14 c8a mt5">三线达人课程设计师</p>
                </div>
            </div>
            <div class="follow fs14 ta">+关注</div>
        </div>
        <div class="descBox fs16 mt20">
            <div class="desc c8a"></div>
            <div class="more c10">更多</div>
        </div>
        <div class="other dpflex">
            <div class="left flex1">
                <p>
                    <i class="iconfont icon-tongbulianxi"></i>
                    <span class="c10 fs18">练习频次</span>
                </p>
                <p class="mt10 c8a fs14">每周3-5次</p>
            </div>
            <div class="right flex1">
                <p>
                    <i class="iconfont icon-ganglingline"></i>
                    <span class="c10 fs18">练习频次</span>
                </p>
                <p class="mt10 c8a fs14">无</p>
            </div>
        </div>
        <div class="begin fs18 ta">开始训练</div>
    </main>
</body>

</html>